<!--
/**
 * egpusersAsyncList.tpl
 * 
 * (C) 2009, tetsuya.odaka(EzoGP).
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-->
 
{include '../Myznala/templates/myHeader.tpl'}

<!-- ==========  追加スタイルとスクリプト   ============ -->
<style type="text/css">

/* サブウィンドウのスタイル */
#egp-my-window {
	visibility:hidden;
	width:450px;
	background: #C0FF3E;
/*	border:2px solid #C0FF3E; */
	z-index:1;
}

#egp-my-subwindow {
	text-aligh:center;
	padding:3px;
	background: #FFFFFF; 
	background: #C0FF3E; 
}

#egp-my-subwindow table {
background: #FFFFFF;
}

</style> 

<script type="text/javascript" src="../scripts/myznala-form-yui.js"></script>
<script type="text/javascript" src="scripts/egpusers-aync-control-inc.js"></script>
<script type="text/javascript">

//テーブルハンドリングインスタンスの生成
var tObj = new EzTable();
YAHOO.util.Event.onDOMReady(
	tObj.init,
	tObj,
	true
);

//　新規データ登録のイメージにハンドラーを設定する。
YAHOO.util.Event.on('egp-my-entry-subwindow-open',
	'click',
	tObj.createEntrySubWindow,
	tObj,
	true
);


//　アップロードのイメージにハンドラーを設定する。
YAHOO.util.Event.on('egp-my-upload-subwindow-open',
	'click',
	tObj.createUploadSubWindow,
	tObj,
	true
);

</script>
	
<!-- ==========  以下がプログラム部   ================ -->

<h4>[sample]　MVC2パターン+AjaxによるCRUD</h4>

<br>
<div align="center">
<form method="POST" name="cond" action="../examples-egpusers/egpusersAsyncList.dispatch.php">

<!-- 検索条件 -->
<table border="1" align="center">
<tr><th colspan="6" style="padding:5px;">検索条件(and, 前方一致)</th></tr>
    <tr>
      <th align="center" style="padding:5px;">id</th>
      <td>
      	<input type="text" name="id" size="10" value={$id}>
      </td>
      <th align="center" style="padding:5px;">名前</th>
      <td>
      	<input type="text" name="name" size="20" value={$name}>
      </td>
      <th align="center" style="padding:5px;">表示件数</th>
      <td>
      	<select name="kensu">
		<!-- デフォルト -->
		{if $kensu == null}
      		<option value="5" selected>5</option>
      		<option value="10">10</option>
      		<option value="15">15</option>
      		<option value="20">20</option>
		{/if}
		<!-- 以前に検索条件を変えていれば、それを復元する。 -->
		{if $kensu == "5"}
      		<option value="5" selected>5</option>
      		<option value="10">10</option>
      		<option value="15">15</option>
      		<option value="20">20</option>
		{/if}
       	{if $kensu == "10"}
      		<option value="5">5</option>
      		<option value="10" selected>10</option>
      		<option value="15">15</option>
      		<option value="20">20</option>
		{/if}
       	{if $kensu == "15"}
      		<option value="5">5</option>
      		<option value="10">10</option>
      		<option value="15" selected>15</option>
      		<option value="20">20</option>
		{/if}
       	{if $kensu == "20"}
      		<option value="5">5</option>
      		<option value="10">10</option>
      		<option value="15">15</option>
      		<option value="20" selected>20</option>
		{/if}
		</select>
      </td>
    </tr>
</table>
<br>
<!-- ボタンの表示 -->
<!-- 照会 、リフレッシュ、新規追加のイメージ（ここのクリックイベントに上でハンドラーを設定する）-->
<input id="egp-my-dt-search" type="image" title="リストで照会" name="show" src="../images/edit-find.png" onclick="document.cond.submit()" />
&nbsp &nbsp
<a id="egp-my-entry-subwindow-open" href="#" title="データの新規追加">
<image src="../images/list-add.png"></a>
&nbsp &nbsp
<a id="egp-my-dt-download" href="egpusersDownload.php" title="ダウンロード">
<image src="../images/download.png"></a>
&nbsp &nbsp
<a id="egp-my-upload-subwindow-open" href="#" title="データのアップロード">
<image src="../images/upload.png"></a>
</form>
</div>
<br>

<div align="center">
{if $result_array}
<table border="1" style="width:700px;">
  <tbody>
    <tr>
	    <th></th>
	    <th></th>
    	<th></th>
    	<th>id</th>
    	<th>Email</th>
    	<th>名前</th>
    	<th>よみ</th>
    	<th>役割</th>
	</tr>
	<!-- 指定されたページの情報（result_arrayに取得したもの）を繰り返し表示します。-->
	{foreach $result_array , result_array}
		<tr>
			<td style="text-align:center;">
				<a href="#" id="egp-my-dt-detail-{$result_array->getId()}" class="egp-my-dt-detail"
					target="_blank" title="照会" value= >
				<img src="../images/search.png" style="margin-top:2px;">
			</a>
			</td>
			<td style="text-align:center;">
				<a href="#" id="egp-my-dt-update-{$result_array->getId()}" class="egp-my-dt-update"
					title="変更" >
				<img src="../images/reply.png" style="margin-top:2px;">
				</a> 
			</td>
			<td style="text-align:center;">
				<a href="#" id="egp-my-dt-delete-{$result_array->getId()}" class="egp-my-dt-delete"
					title="削除" >
				<img src="../images/action_delete.png" style="margin-top:2px;">
				</a> 
			</td>
			<td style="text-align:center;"> {$result_array->getId()} </td>
			<td> {$result_array->getEmail()} </td>
			<td> {$result_array->getName()} </td>
			<td> {$result_array->getNameYomi()} </td>
			<td> {$result_array->getRole()} </td>
		</TR>
	{/foreach}
  </tbody>
</table>
<br>

<!-- ページングするためのフッターのインクルード -->
{include '../Myznala/templates/pagingFooter.tpl'}
</div>
{/if}

<!-- サブウィンドウのレンダリング領域 -->
<div id="egp-my-window"></div>

<!-- ==========  以上がプログラム部   ================ -->
{include '../Myznala/templates/myFooter.tpl'}
